import React, { Component } from 'react';
import axios from 'axios';
class Myclschild1 extends Component {
    render() {
        return (
            <div>
                我是子组件1
            </div>
        );
    };
    state = {
        timer: null, // 定时器id
        source: axios.CancelToken.source()  // 创建一个axios请求的对象
    }
    componentDidMount() {
        // 设置定时器,当显示该组件的时候
        // this.state.timer = setInterval(() => {
        //     console.log('定时器');
        // }, 1000)

        // // 绑定事件
        // document.onclick = () => {
        //     console.log('document');
        // }
        console.log('子组件1');
        // 发起请求
        axios.get('https://api.i-lynn.cn/college', {
            params: {
                page: 1
            },
            cancelToken: this.state.source.token // 设置取消请求的标记
        }).then(res => {
            console.log(res);
        }).catch(e => { })

    }
    componentWillUnmount() {
        console.log('componentWillUnmount');
        // 作用: 清除副作用
        // clearInterval(this.state.timer)
        // document.onclick = null

        // 取消请求
        this.state.source.cancel('Operation canceled by the user.');



    }
}

export default Myclschild1;
